@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none; font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family:'Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0;font-family:'Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family:'Microsoft YaHei', Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #065fb1; color: #fff; text-shadow: none; }

::selection { background: #065fb1; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none;  -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }
.clear {
    clear: both;
}
.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}

.container {
  max-width: 1300px;
  margin: 0px auto;
}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-59{padding-bottom: 59%;}
.rect-66{padding-bottom: 66%;}
.rect-67{padding-bottom: 67%;}
.rect-103{padding-bottom: 103%;}


/* header */
.header{ width: 100%; position: relative;}
.header .headerTop{ width: 100%; position: relative; }
.header .headerTop .logo{ position: relative;height: 100px; margin: 25px 0;}
.header .headerTop .so_search{ position: relative; margin: 30px 0 0; width: 320px;}
.header .headerTop .so_search .Topc{ width: 53%; position: relative; margin-bottom: 10px; float: right;}
.header .headerTop .so_search .Topc a{ font-size: 16px; color: #333; float: left; margin: 0 10px; position: relative; }
.header .headerTop .so_search .Topc a::after{ content: ''; position: absolute; right: -10px; width: 1px; height: 16px; background: #000;
top: 7px;}
.header .headerTop .so_search .Topc a:last-child::after{ display: none;}
.header .headerTop .so_search .Topc a:hover{ color: #065fb1;}
.search_form{ float: left;}
.header .headerTop .so_search .input-group{ border: 1px #ccc solid; border-radius: 5px; padding: 1px;}
.header .headerTop .so_search .input-group .search_keyword{ height: 42px; width: 240px; background-color: #fff; float: left;padding-left: 10px; color: #ccc;border-radius: 5px; font-size: 14px; line-height: 42px;}
.header .headerTop .so_search .input-group input{ border: 0;}
.header .headerTop .so_search .input-group .input_btn {width: 65px; height: 42px;border: 0; float: right; background:#065fb1 url(../img/so.png) center no-repeat; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor:pointer;}
.header .headerTop .so_search .input-group .btn-group{ float: left; width: 90px; height: 42px; background-color: #eee;border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative;}
.header .headerTop .so_search .input-group .btn-group select{
  /*清除select的边框样式*/
  border: none;
  /*清除select聚焦时候的边框颜色*/
  outline: none;
  /*将select的宽高等于div的宽高*/
  width: 100%;
    height: 40px;
    line-height: 40px;
  /*隐藏select的下拉图标*/
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  /*通过padding-left的值让文字居中*/
  padding-left: 20px;
  }
.header .headerTop .so_search .input-group .btn-group:after{
        content: "";
      /*通过定位将图标放在合适的位置*/
      position: absolute;
        right: 8px;
        top: 41%;
      /*给自定义的图标实现点击下来功能*/
      pointer-events: none;
	  border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333;
 }
.header .headerTop .so_search .input-group .btn-group .control{ border: 0; display: block; width: 100%;line-height: 42px; height: 42px; font-size: 15px;padding-left: 16px;font-weight: bold; cursor: pointer;}
.header .headerTop .so_search .input-group .btn-group .control .controln{ line-height: 35px; height: 35px; text-align: center; font-size: 15px;}
.header .haderNav{ width: 100%; position: relative; background-color: #065fb1;}
.header .haderNav .nav{ position: relative;}
.header .haderNav .nav .nLi{float: left; width: 11.111111%; text-align: center; position: relative;}
.header .haderNav .nav .nLi a{position: relative; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; display: block;}
.header .haderNav .nav .nLi::before{ position: absolute; content: ''; width: 1px; height: 100%; background: #0970ce; right: 1px; top:0;}
.header .haderNav .nav .nLi::after{ position: absolute; content: ''; width: 1px; height: 100%; background: #0557a2; right: 0; top:0;}
.header .haderNav .nav .nLi:last-child::before,.header .haderNav .nav .nLi:last-child::after{ display: none;}
.header .haderNav .nav .nLi:hover{ background-color: #04529a;}
.header .haderNav .nav .nLi .icon{ width: 28px; height: 20px; position:absolute; left: 12px; top: 20px;}
.header .haderNav .nav .nLi:nth-child(1) .icon{ left: 30px;}
.header .haderNav .nav .nLi.active{ background-color: #04529a;}
.header .haderNav .nav .dropdown-menu{ display:none; width:100%;  left:0; top:60px;  position:absolute; background:#0362ba;  line-height:60px; z-index: 9999;}
.header .haderNav .nav .dropdown-menu .dropdown-submenu{ width: 100%; position: relative; line-height: 45px; text-align: center; border-top: 1px #03549e solid; border-bottom: 1px #096bc6 solid;}
.header .haderNav .nav .dropdown-menu .dropdown-submenu a{font-size: 15px; font-weight: normal; color: #fff; line-height: 45px; display: block;}
.header .haderNav .nav .dropdown-menu .dropdown-submenu:hover{ background-color: #04529a;}

/* 搜索结果 */
.so_con{ width: 1170px; position: relative; padding:15px 20px 20px;background-color: #fff;float: right; height: auto; min-height: 578px;}
.so_list ul li{padding-left:13px;background:url(../img/dot.jpg) left center no-repeat;height:40px;line-height:40px; color:#999;	vertical-align:bottom; overflow:hidden;border-bottom: #ccc 1px dotted;}
.so_list ul li a{line-height:40px;font-size:15px; color: #333; float: left; font-weight: bold;}
.so_list ul li span{color: #999; float: right;}
.so_list ul li:hover a{color: #065fb1;}

/* banner */
.banner{position:relative; overflow:hidden; height:480px; width:100%; }
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li{width:100% !important;height:480px;overflow:hidden;text-align:center; }
.banner .bd li a{display: block; width: 100%; height: 100%;}
.banner .hd{ position: absolute; bottom:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:14px;height:14px; border-radius:7px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}
.banner .hd li a{ display: block; }
.banner .hd .on{background:#065fb1;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:3%;z-index:1;width:40px;height:64px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:3%;background-position:-40px 0;}

/* InNews */
.InNews{ width: 100%; position: relative; padding: 25px 0;}
.InNews .NewsImgl{ width: 50%; position: relative;}
.InNews .NewsImgl .bd li{ position: relative;}
.InNews .NewsImgl .bd li span{ position: absolute; width: 92%; height: 55px; left: 0; bottom: 0; background: rgba(0,0,0, 0.4); font-size: 16px; color: #fff; line-height: 55px; padding: 0 4%;}
.InNews .NewsImgl .hd{ position: absolute; bottom: 22px; right: 0;}
.InNews .NewsImgl .hd li{ width: 8px; height: 8px; margin: 0 6px; background-color: #fff; border-radius: 50%; line-height: 999px; float: left; cursor: pointer; overflow: hidden;}
.InNews .NewsImgl .hd li.on{ background-color: #065fb1; width: 18px; height: 8px; border-radius: 4px;}
.InNews .NewsList{ width: 48%; position: relative;}
.InNews .NewsList .hd{ width: 100%; height: 48px; border-bottom: 2px #065fb1 solid; }
.InNews .NewsList .hd li{ width: 120px; float: left; line-height: 50px; text-align: center; }
.InNews .NewsList .hd li a{display:  block;font-size: 18px; color: #333;}
.InNews .NewsList .hd li.on a{ font-weight: bold; background: #065fb1; color: #fff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.InNews .NewsList .news_tx{ border-bottom: 1px #d4d4d4 dashed; padding: 10px 0; position: relative;}
.InNews .NewsList .news_tx .nt a{ color: #333; font-size: 18px; font-weight: 600;}
.InNews .NewsList .news_tx .nt a:hover{ color: #065fb1; }
.InNews .NewsList .news_tx .nt .time{ float: right; font-size: 16px; color: #aeaeae;}
.InNews .NewsList .news_tx .nd{ font-size: 15px; line-height: 26px; color: #999; margin-top: 10px; }
.InNews .NewsList .news_td{ position: relative; padding: 5px 0; }
.InNews .NewsList .news_td .tx{ width: 100%;line-height: 35px;}
.InNews .NewsList .news_td .tx a{ font-size: 16px; color: #333; float: left; }
.InNews .NewsList .news_td .tx a:hover{ color: #065fb1; font-weight: bold; }
.InNews .NewsList .news_td .tx i{width: 3px; height: 3px; background-color: #000; float: left; margin: 16px 8px 16px 0;}
.InNews .NewsList .news_td .tx span{ font-size: 14px; color: #999; float: right;}

/* in_adv */
.in_adv{ width: 100%; position: relative; height: 120px;}
.in_adv .adv{ width: 100%; position: relative; }
.in_adv .adv .bd{ position:relative; height:100%; z-index:0;   }
.in_adv .adv .bd li{ zoom:1; vertical-align:middle; }
.in_adv .adv .bd li img{  display:block; width: 100%;}
.in_adv .adv .hd{ position: absolute; bottom:15px; text-align: center; right: 15px;}
.in_adv .adv .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:16px;height:6px; background: #fff;  margin:0 5px;overflow:hidden;line-height:999px;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.in_adv .adv .hd .on {background: #065fb1}

/* InMain */
.InMain{ width: 100%; position: relative; margin: 25px 0;}
.Invite{ width: 68%; float: left;}
.Invite .InviteT{width:100%;height: 48px; border-bottom: 2px #065fb1 solid;}
.Invite .InviteT .ti{ width: 120px; float: left; line-height: 50px; text-align: center;font-weight: bold; background: #065fb1; color: #fff;font-size: 18px; }
.Invite .InviteT .In_m{ float: right; }
.Invite .InviteT .In_m a{ line-height: 50px; font-size: 14px; color: #333; padding-right: 10px;}
.Invite .InviteT .In_m a:hover{ color: #065fb1; }
.Invite .InviteList{ width: 100%; position: relative; margin-top: 18px;}
.Invite .InviteList .hd{ width: 20%; float: left; }
.Invite .InviteList .hd li{ width: 100%; float: left; height: 48px; line-height:48px; text-align: center;  background-color: #dfe4f2; margin-bottom: 3px; cursor: pointer; position: relative;}
.Invite .InviteList .hd li:last-child{ margin-bottom: 0;}
.Invite .InviteList .hd li .vite_ico1{ background: url(../img/vite_icon1.png) center no-repeat; width: 41px; height: 25px; margin:8px auto; display: block;}
.Invite .InviteList .hd li:hover .vite_ico1{background: url(../img/vite_iconh1.png) center no-repeat;}
.Invite .InviteList .hd li.on .vite_ico1{background: url(../img/vite_iconh1.png) center no-repeat;}
.Invite .InviteList .hd li .vite_ico2{ background: url(../img/vite_icon2.png) center no-repeat; width: 41px; height: 25px; margin:8px auto; display: block;}
.Invite .InviteList .hd li:hover .vite_ico2{background: url(../img/vite_iconh2.png) center no-repeat;}
.Invite .InviteList .hd li.on .vite_ico2{background: url(../img/vite_iconh2.png) center no-repeat;}
.Invite .InviteList .hd li .vite_ico3{ background: url(../img/vite_icon3.png) center no-repeat; width: 41px; height: 25px; margin:8px auto; display: block;}
.Invite .InviteList .hd li:hover .vite_ico3{background: url(../img/vite_iconh3.png) center no-repeat;}
.Invite .InviteList .hd li.on .vite_ico3{background: url(../img/vite_iconh3.png) center no-repeat;}
.Invite .InviteList .hd li .vite_ico4{ background: url(../img/vite_icon4.png) center no-repeat; width: 41px; height: 25px; margin:8px auto; display: block;}
.Invite .InviteList .hd li:hover .vite_ico4{background: url(../img/vite_iconh4.png) center no-repeat;}
.Invite .InviteList .hd li.on .vite_ico4{background: url(../img/vite_iconh4.png) center no-repeat;}
.Invite .InviteList .hd li p{ font-size: 16px; color: #065fb1; font-weight: bold;}
.Invite .InviteList .hd li:hover p{ color: #fff;}
.Invite .InviteList .hd li.on{background-color: #065fb1;}
.Invite .InviteList .hd li.on p{ color: #fff;}
.Invite .InviteList .hd li.on::before{ content: ''; position: absolute;width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #065fb1;right: -8px; top: 50%; margin-top: -8px;}
.Invite .InviteList .bd{ width: 77%; float: right;}
.Invite .InviteList .vite_td .tx{ width: 100%;line-height: 34px;}
.Invite .InviteList .vite_td .tx a{ font-size: 16px; color: #333; float: left; }
.Invite .InviteList .vite_td .tx a:hover{ color: #065fb1; font-weight: bold; }
.Invite .InviteList .vite_td .tx i{width: 5px; height: 5px; background-color: #dfe4f2; float: left; border-radius: 50%; margin: 14.5px 8px 14.5px 0;}
.Invite .InviteList .vite_td .tx span{ font-size: 14px; color: #999; float: right;}
.InAbout{ width: 29%; float: right;}
.InAbout .InAboutT{width:100%;height: 48px; border-bottom: 2px #065fb1 solid;}
.InAbout .InAboutT .ti{ width: 120px; float: left; line-height: 50px; text-align: center;font-weight: bold; background: #065fb1; color: #fff;font-size: 18px; }
.InAbout .InAboutT .In_m{ float: right; }
.InAbout .InAboutT .In_m a{ line-height: 50px; font-size: 14px; color: #333; padding-right: 10px;}
.InAbout .InAboutT .In_m a:hover{ color: #065fb1; }
.InAbout .InAboutc{ width: 92%; height: 84px; background-color: #f1f4fc; padding: 20px 4%; font-size: 15px; line-height: 28px;}
.InAbout .video{ width: 100%; margin-top: 15px;}
.InAbout .video .videolist {width: 100%; height: 180px; background: url(../img/video_bg.jpg) center center no-repeat; position: relative;}
.InAbout .video .videolist:hover{ cursor: pointer; }
.InAbout .video .videoed {width: 34px; height: 34px; position: absolute; top:50%; left: 50%; margin-left: -17px; margin-top: -17px; z-index:99; border-radius:100%;display: block !important; }
.InAbout .video .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:100%; height:100%; background: rgba(0, 0, 0, .85); }
.InAbout .video .videosList{ position:  absolute; width: 800px; height: 450px; left: 50%; top:20%; margin-left: -400px;}
.InAbout .video .vclose{ position:absolute;right:-4%; top:1%; border-radius:100%; cursor: pointer; }


/* Incase*/
.Incase{ width: 100%;  margin-top: 25px; }
.Incase .IncaseT{width:100%;height: 48px; border-bottom: 2px #065fb1 solid;}
.Incase .IncaseT .ti{ width: 120px; float: left; line-height: 50px; text-align: center;font-weight: bold; background: #065fb1; color: #fff;font-size: 18px; }
.Incase .IncaseT .In_m{ float: right; }
.Incase .IncaseT .In_m a{ line-height: 50px; font-size: 14px; color: #333; padding-right: 10px;}
.Incase .IncaseT .In_m a:hover{ color: #065fb1; }
.Incase .IncaseList{ margin-top: 18px; position: relative;}
.Incase .IncaseList li{ width: 23.5%; margin-right: 2%; float: left; position: relative; background: #dfe4f2;border-radius: 5px; overflow:hidden; }
.Incase .IncaseList li:last-child{ margin-right: 0;}
.Incase .IncaseList li:hover{ background: #065fb1; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);}
.Incase .IncaseList li .Proico{position: absolute; width: 100%; height:100%; top: 0; left: 0;display: flex;flex-direction: column;justify-content: center;}
.Incase .IncaseList li .rect-67 img{ opacity: 1; transition: 200ms;}
.Incase .IncaseList li .Proico .ico{display:block; width:60px; height:50px; margin:0 auto; position:relative;}
.Incase .IncaseList li .Proico .ico img{position:absolute; left:0px; top:0px; width:100%;}
.Incase .IncaseList li .Proico .ico .i1{ transition: 200ms;}
.Incase .IncaseList li .Proico .ico .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:200ms;}
.Incase .IncaseList li:hover .Proico .ico .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.Incase .IncaseList li:hover .Proico .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.1); transform: scale(1.1); }
.Incase .IncaseList li .Proico p{ font-size: 18px; color: #fff; font-weight: bold; margin-top: 10px; text-align: center;}
.Incase .IncaseList li:hover .Proico p{ color: #fff;}
.Incase .IncaseList li:hover .rect-67 img{ opacity: 0;} 

/* Links */
.Links{ width: 100%; position: relative; background-color: #f8f8f8; height: 60px; margin-top: 25px;}
.Links .Linksl{ font-size: 18px; width: 130px; height: 60px; font-weight: bold; line-height: 60px; text-align: center; color: #fff; float: left; background-color: #065fb1;}
.Links .Linksc{ float: left; width: 1170px;}
.Links .Linksc li{ width: 22%; height: 30px;float: left;  line-height: 30px; text-align: center;cursor: pointer;position: relative; border: 1px #ccc solid; margin: 14px 6%;}
.Links .Linksc li:nth-child(3){ margin-right: 0; }
.Links .Linksc li .inyq{display:inline;width: 100%;position: relative; font-size: 15px; color: #333;}
.Links .Linksc li .tc_yq{ height: 114px; display:none; width:96%;  left:-1px; bottom: 32px;position:absolute; background:#fff; z-index: 9999;text-align:left;  border: #ddd 1px solid;  overflow: auto; padding: 10px 2%;}
.Links .Linksc li .tc_yq a{ font-size: 14px; color: #333; font-weight: 500; line-height: 35px; float: left;padding:0 8%; width:84%;background: #f5f5f5;margin-bottom: 5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Links .Linksc li .tc_yq a:hover{color: #fff; background-color: #065fb1;}

/* footer*/
.footer{background-color: #065fb1; position: relative;}
.footer .copy{ padding: 40px 0; font-size: 15px; color: #fff; line-height: 30px;}
.footer .copy a{ color: #fff;}
.footer .copy a:hover{color: #ccc;}
.footer .copy .fr{align-items: center; display: flex;}
.footer .copy .fr p{ float: left; writing-mode:vertical-lr;font-size: 15px; }


/* page_banner */
.Pagebanner{width: 100%; position: relative;}
.Pagebanner .pagebanner{ height: 300px;}

.Page{ width: 100%; position: relative;min-height: 400px;}
.PageNav{ width: 100%; position: relative; background-color: #fff;border-bottom: 1px solid #e4e4e4;}
.PageNav .crumbs{ padding: 15px 0;}
.PageNav .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../img/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .crumbs a{display: inline-block;font-size: 16px;color: #555;}
.PageNav .sidebar{ position: relative; padding:0 0 15px;}
.PageNav .sidebar .leftTitle{ float: left; line-height: 50px;}
.PageNav .sidebar .leftTitle .TTit{font-size: 24px;font-weight: bold;  color: #065fb1;}
.PageNav .sidebar .NavList{ float: right;}
.PageNav .sidebar .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .sidebar .NavList li a{position: relative;font-size: 17px;height: 50px;line-height: 50px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .sidebar .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #065fb1;transition: all .3s;}
.PageNav .sidebar .NavList li:hover:before{width:80%;left:10%;background-color:#065fb1;}
.PageNav .sidebar .NavList li:hover a{ color: #065fb1;font-weight: 550; }
.PageNav .sidebar .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#065fb1;}
.PageNav .sidebar .NavList li.select a{ font-weight: 550; color: #065fb1 }
.PageNav .sidebar .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #065fb1;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .sidebar .NavList li a i{ position: relative; margin-right: 10px;}
.PageNav .sidebar .NavList li i img{ height: 16px; display: inline-block;}

.pageCon{ width: 100%; position: relative;padding: 40px 0;}
.pageCon .con{ font-size: 16px; line-height: 30px; color: #666; }
.pageCon .zsqylist{ position:relative; width: 290px; float: left; }
.pageCon .zsqylist .Top{ height: 65px;text-align: center;font-size: 20px; color: #333; font-weight: bold; background: #F1F5F9; border-top: 4px #0171bb solid; border-bottom: 4px #fff solid; line-height: 65px;}
.pageCon .zsqylist ul li { float:left; width:100%; background:#fafafa; text-align:center; border-bottom: 2px #fff solid; }
.pageCon .zsqylist ul li a { display:block; line-height:55px; font-size:17px; }
.pageCon .zsqylist ul li.select,.pageCon .zsqylist ul li:hover { background:#065fb1; }
.pageCon .zsqylist ul li.select a i,.pageCon .zsqylist ul li:hover a { color:#fff; }
.pageCon .zsqylist ul li i { display:inline-block; background-size:contain!important; font-style: normal;color:#333; font-size: 15px; }
.pageCon .zsqylist ul li:hover a i{ color: #fff;}
.pageCon .zsqycon{ width: 970px; float: right; font-size: 16px; line-height: 32px; color: #666;}
.pageCon .zsqycon img{ max-width: 100%; margin: 5px 0;}

/* NewsBox */
.NewsBox{ width: 100%; position: relative; padding: 40px 0;}
.PageNews{ position: relative;}
.PageNews li{ width: 100%; float: left;margin-bottom: 20px; border-bottom: 1px #eee solid;}
.PageNews li a{ display: block; background: #fff; padding:20px 0; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.PageNews li a time{ display: block; color: #999; font-size: 15px; padding-left: 8px; line-height: 1; border-left: 5px solid #065fb1; position: relative; z-index:9;}
.PageNews li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.PageNews li .news__text .img{ width: 15%; margin: 0 20px 0 0;}
.PageNews li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews li h3{ color: #232323; font-size: 18px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageNews li p{ color: #666666; font-size: 14px; line-height: 1.8; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews li .news__more{ width: 55px; height: 55px; background: #f6dfe3; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.PageNews li .news__more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews li a:hover h3{ color: #065fb1;}
.PageNews li a:hover .news__more{ background: #065fb1;}
.PageNews li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:34px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}
.PageNews .Newslist{ width: 69.91%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #065fb1; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff; margin-bottom: 30px;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #065fb1; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#065fb1;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #065fb1; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#065fb1;}

.Projectbox{ position: relative; padding: 40px 0;}
.PageProject{width:100%; position: relative;  }
.PageProject li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageProject li:nth-child(4n){ margin-right: 0;}
.PageProject li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageProject li:hover .img{border: 2px #065fb1 solid;}
.PageProject li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageProject li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageProject li p{ background:#f5f5f5; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageProject li:hover p{ background: #065fb1; color: #fff;}

.Honorbox{ position: relative; padding: 40px 0;}
.PageHonor{width:100%; position: relative;  }
.PageHonor li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHonor li:nth-child(4n){ margin-right: 0;}
.PageHonor li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHonor li:hover .img{border: 2px #065fb1 solid;}
.PageHonor li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHonor li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHonor li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHonor li:hover p{ background: #065fb1; color: #fff;}

/* InviteBox */
.InviteBox{ width: 100%; position: relative; padding: 40px 0;}
.PageInvite li{ width: 100%; position: relative; line-height: 28px;border-bottom: 1px solid #E4E4E4;  padding: 12px 0;}
.PageInvite li .Invite__fix{ width: 100%; position: relative;}
.PageInvite li .Invite__fix h3{ float: left; font-size: 17px; color: #333;}
.PageInvite li .Invite__fix time{ font-size: 14px; color: #999; float: right;}
.PageInvite li .Invite__text{ position: relative; margin-top: 10px;}
.PageInvite li .Invite__text .detailBoxs{margin-right:30px;font-size:15px}
.PageInvite li .Invite__text .detailBoxs .left{color:#999}
.PageInvite li .Invite__text .detailBoxs .right{color:#333; text-align: center; background: #f8f8f8;  padding: 8px 15px;}
.PageInvite li:hover .Invite__fix h3{ color: #065fb1;}

/* PageJoin */
.Joinbox{ position: relative; width: 100%; padding: 40px 0;}
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .jnlist{ background: #f6f6f6; }
.PageJoin .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .jnlist li:nth-child(2),.PageJoin .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .joblist .list_dt p:nth-child(2),.PageJoin .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .joblist #open{ background: #065fb1;}
.PageJoin .joblist #open p{ color: #fff }
.PageJoin .joblist .list_dt:hover{ background: #065fb1;}
.PageJoin .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}

.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:42%; padding: 4%; float: left; font-size: 14px; line-height: 30px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}


/* 信息公开 */
.page_xinxi{ position: relative; padding: 30px 0; background-color: #f9f9f9;}
.page_xinxi .xinxibox{ background: #fff; padding:20px;}
.page_xinxi .xinxibox .ls-navtop{ padding: 25px; background: #065fb1; }
.page_xinxi .xinxibox .ls-navtop .img { width: 46px; height: 40px;  display: inline-block; vertical-align: middle;}
.page_xinxi .xinxibox .ls-navtop .img img{ width: 100%;}
.page_xinxi .xinxibox .ls-navtop span{display: inline-block; vertical-align: middle; font-size: 26px; font-weight: bold; color: #fff; padding-left: 20px;}
.page_xinxi .xinxibox>.left {position: relative; width: 22%;}
.Menunav {position: relative;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.Menunav .Menu {background: #f8f8f8;padding: 20px 10px;}
/*第一层*/
.Menunav .Menu .level1{ margin-bottom: 10px;}
.Menunav .Menu .level1>a{ display:block;height: 55px;line-height:55px;color: #333;padding-left: 15px; font-size: 17px; font-weight: bold; position: relative; background: #fff; transition:all .5s ease 0s;}
.Menunav .Menu .level1>a:hover{ text-decoration: none; color:#065fb1;}
.Menunav .Menu .level1 .nav-more {display: block;width: 16px;height: 16px;position: absolute;right: 10px;top: 50%; margin-top: -8px; background: url(../img/jiantou.png) no-repeat center;background-size: auto 16px;-webkit-transition: all 0.4s ease 0.1s;transition: all 0.4s ease 0.1s;}
.Menunav .Menu .level1:hover .nav-text,.Menunav .Menu .level1.current .nav-text{color:#065fb1;}
.Menunav .Menu li:hover .nav-more,.Menunav .Menu li.current .nav-more {display: block;width: 16px;height: 16px;position: absolute;right: 10px;top: 50%;margin-top: -8px;
background: url(../img/jiantouh.png) no-repeat center;background-size: auto 16px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
 /*第二层*/
 .Menunav .Menu li ul{ overflow: hidden; }
 .Menunav .Menu li ul.level2{ display: none;}
 .Menunav .Menu li.current ul.level2{ display: block; }
 .Menunav .Menu li.current .level2 li .level3{display: none;}
 .Menunav .Menu li.current .level2 li.finve .level3{ display: block;}
 .Menunav .Menu li ul.level2 li a{ display: block; height: 50px; line-height: 50px;color: #444;font-size: 16px; font-weight: normal; padding-left: 20px;border-bottom: 1px solid #dedede;  transition:all 1s ease 0s;}
 .Menunav .Menu li ul.level2 li.finve>a{ position: relative; color: #065fb1; font-weight: bold;}
 .Menunav .Menu li ul.level2 li.finve>a::after{position: absolute; content:''; right: 10px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #065fb1; transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
 /* 第三层 */
 .Menunav .Menu li ul.level3{ display: none;}
 .Menunav .Menu li.current ul.level3{ display: block; }
 .Menunav .Menu li.current .level3 li .level4{display: none;}
 .Menunav .Menu li.current .level3 li.finve .level4{ display: block;}
 .Menunav .Menu li ul.level3 li a{ display: block; height: 45px; line-height: 45px;color: #555;font-size: 15px; font-weight: normal; padding-left:30px; border-bottom: 1px solid #eee; transition:all 1s ease 0s;}
 .Menunav .Menu li ul.level3 li.finve>a{ position: relative; color: #065fb1; font-weight: bold;}
 .Menunav .Menu li ul.level3 li.finve>a::after{position: absolute; content:''; right: 10px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #065fb1; transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
/* 第四层 */
.Menunav .Menu li ul.level4{ display: none;}
.Menunav .Menu li.current ul.level4{ display: block; }
.Menunav .Menu li.current .level4 li .level5{display: none;}
.Menunav .Menu li.current .level4 li.finve .level5{ display: block;}
.Menunav .Menu li ul.level4 li a{ display: block; height: 40px; line-height: 40px;color: #666;font-size: 15px; font-weight: normal; padding-left:40px; border-bottom:none; transition:all 1s ease 0s;}
.Menunav .Menu li ul.level4 li.finve>a{ position: relative; color: #065fb1; font-weight: bold;}
.Menunav .Menu li ul.level4 li.finve>a::after{position: absolute; content:''; right: 10px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #065fb1; transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.page_xinxi .xinxibox .right{position: relative;width: 75%;float: right;}
.page_xinxi .xinxibox .right .ejbt {position: relative;height: 45px;line-height: 45px;margin-bottom: 30px;padding: 0 15px; background: #f8f8f8;}
.page_xinxi .xinxibox .right .ejbt .cat {position: relative;display: inline;float: left; height: 45px; font-size: 22px; font-weight: bold;color: #065fb1;padding: 0 20px; z-index: 2;}
.page_xinxi .xinxibox .right .ejbt .cat::after{position: absolute;content: '';left: 0;top: 50%;margin-top: -9px;width: 5px;height: 18px;background-color: #065fb1;}
.page_xinxi .xinxibox .right .ls-list{ position: relative; margin-top: 25px;}
.page_xinxi .xinxibox .right .ls-title{height: 42px; line-height: 42px;  font-size: 18px; overflow: hidden;  clear: both; margin-bottom: 10px; color: #333; background: #f8f8f8; padding: 0 15px;}
.page_xinxi .xinxibox .right .ls-title span{ color: #065fb1; font-weight: bold;}
.page_xinxi .xinxibox .right .ls-title .m{font-size: 14px;  float: right;color: #666;}
.page_xinxi .xinxibox .right .ls-title .m:hover{color: #065fb1;}
.page_xinxi .xinxibox .right .ls-lb{ position: relative; margin-bottom: 25px;}
.page_xinxi .xinxibox .right .ls-lb li{ width: 100%; position: relative;vertical-align:bottom; height: 36px;}
.page_xinxi .xinxibox .right .ls-lb li::before{ position: absolute; content: ''; width: 9px; height: 7px; background: url(../img/xin_icon.png); left: 0; top: 50%; margin-top: -3.5px;}
.page_xinxi .xinxibox .right .ls-lb li a{ font-size: 16px; color: #444; line-height: 36px;display:block;float:left;max-width:78%; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.page_xinxi .xinxibox .right .ls-lb li span{ font-size: 15px; float: right; color: #999; line-height: 36px;}
.page_xinxi .xinxibox .right .ls-lb li:hover a{color: #065fb1; font-weight:bold;}
.page_xinxi .xinxibox .right .ls-lbn li{ width: 100%; position: relative;vertical-align:bottom; height: 36px;}
.page_xinxi .xinxibox .right .ls-lbn li::before{ position: absolute; content: ''; width: 9px; height: 7px; background: url(../img/xin_icon.png); left: 0; top: 50%; margin-top: -3.5px;}
.page_xinxi .xinxibox .right .ls-lbn li a{ font-size: 16px; color: #444; line-height: 36px;display:block;float:left;max-width:78%; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.page_xinxi .xinxibox .right .ls-lbn li span{ font-size: 15px; float: right; color: #999; line-height: 36px;}
.page_xinxi .xinxibox .right .ls-lbn li:hover a{color: #065fb1; font-weight:bold;}
.page_xinxi .xinxibox .right .ls-lbn li:nth-child(5n)::after{ position: absolute; content: '';left: 0; bottom: -15px; width: 100%; height: 0; border-bottom: 1px #dadada dashed;}
.page_xinxi .xinxibox .right .ls-lbn li:nth-child(5n){ margin-bottom: 30px;}
.page_xinxi .xinxibox .right .con table{border-collapse:collapse;width:100% !important;}
.page_xinxi .xinxibox .right .con table,.page_xinxi .xinxibox .right .con tr{ font-size: 15px; color: #444; }
.page_xinxi .xinxibox .right .con table,.page_xinxi .xinxibox .right .con th,.page_xinxi .xinxibox .right .con td{border: 1px solid #333333; text-align: center; font-size: 16px;line-height: 3;}
.page_xinxi .xinxibox .right .con table thead tr td{ font-size: 17px; color: #333; font-weight: bold;}
.page_xinxi .wz_top{height:auto; line-height:28px; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; font-size:17px; margin-bottom: 30px;}
.page_xinxi .wz_top .home{display: inline-block; width: 17px; height: 16px;  background: url(../img/fangzi.png); margin-right: 5px; margin-bottom: -1px;}
.page_xinxi .wz_top a{color: #000;margin: 0 5px;}
.page_xinxi .wz_top a:hover{color: #065fb1;}
.newstitle{ font-size:24px; line-height:40px; text-align:center; color:#000;}
.xinshow .xinxiNewsT{ width:100%; margin:0 auto; font-size:24px; text-align:center; color:#333; }
.xinshow .xinxiNewsC{ width:100%;  font-size:15px; color:#666; text-align:center; line-height: 30px; margin-bottom: 20px;}
.xinshow .xinxiNewsC .fa-print{display: inline-block; background: url(../img/print.gif) center no-repeat; width: 18px; height: 15px;}
.xinshow .xinxiNewsC p{ margin: 0 10px;text-align: center;display: inline-block; }
.xinshow .xinxiNewsC p a{ font-size: 15px; color: #333;}
.xinshow .xinxiNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:2;  padding: 20px 0px;  border-top: 1px solid #ccc;}
.xinshow .xinxiNewsD img{ max-width:100%; margin:5px 0;}
.xinshow .xinxiNewsD table{border-collapse:collapse;width:100%;}
.xinshow .xinxiNewsD table,tr{ font-size: 15px; color: #444; }
.xinshow .xinxiNewsD table,th, td{border: 1px solid #333;text-align: center; font-size: 16px; }
.wzclose{ height:54px; border-top:1px solid #cccccc; text-align:right; font-size:15px; color:#999;}
.wzclose a{ color:#999; line-height:54px; cursor:pointer;}

/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#f6f6f6; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active {background:#065fb1;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#065fb1;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 2% 0; background: #fff;border-top: 1px #ccc dashed; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#065fb1;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#065fb1;}



/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #065fb1;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #065fb1;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}